<template>
    <div class="banner fillDiv">
        <img class="earth" src="~static/img/governance/pic_zhilibanner_ditu.png" alt="">
        <img class="dots" src="~static/img/governance/pic_yemain_dituyuansu04.png" alt="">
        <p class="title">我们是谁？要去往哪里？</p>
    </div>
</template>

<script>
    import { fill } from '~/static/js/common.js';
    export default {
        data () {
            return {

            }
        },
        mounted () {
            fill('fillDiv')
        },
        methods : {

        }
    }
</script>

<style scoped>
    .banner{width:100%;position: relative;background-color: #271553;}
    .banner .earth{width:100%;position: absolute;left:0; bottom:0;}
    .banner .dots{width:100%;position: absolute;left:0; top:0;}

    .banner p{color:white;text-align: center;}
    .banner .title{font-size: 58px;padding-top:250px;}
</style>
